﻿<!DOCTYPE html>
<html lang="fr-FR" xmlns:og="http://ogp.me/ns#" xmlns:fb="https://www.facebook.com/2008/fbml">
<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
    <meta name="keywords" content="chansons de capoeira,capoeira,comment jouer de la capoeira,vidéos de capoeira" />
    @if (ViewBag.Title != null)
    { 
        <title>@ViewBag.Title</title>    
    }
    else
    {
        <title>Capokun, le premier site social de partage de Capoeira</title>
    }
    @if (ViewBag.Description != null)
    {
        ///song specific description for Google
        <meta name="description" content="@ViewBag.Description" />
    }
    else
    {
        ///general description
        <meta name="description" content="Capokun se veut être le 1er site social de Capoeira. Ce site veut offrir tous les outils nécessaire pour l'évolution d'un Capoeiriste dans son art. Partage de chansons, vidéo de Capoeira, blog sur la philosophie de la Capoeira, l'idée est de faire partager cette passion qu'est la Capoeira à tous les membres de cette communauté." />
    }
    @if (ViewBag.ogDescription != null)
    {
        ///song specific description for Facebook (for song:like)
        <meta property="og:description" content="@ViewBag.ogDescription" />
    }
    else
    {
        ///general description
        <meta property="og:description" content="Capokun se veut être le 1er site social de Capoeira. Ce site veut offrir tous les outils nécessaire pour l'évolution d'un Capoeiriste dans son art. Partage de chansons, vidéo de Capoeira, blog sur la philosophie de la Capoeira, l'idée est de faire partager cette passion qu'est la Capoeira à tous les membres de cette communauté." />
    }
    <!-- facebok metas open graph -->
    <meta content="140390589306756" property="fb:app_id">
    <meta property="og:site_name" content="Capokun" />
    <meta property="og:image" content="http://www.capokun.com/Content/images/Capokun_graffiti_logo_rectangle.png" />
    <meta property="og:locale" content="fr-FR" />
    <!-- song specific -->
    <meta property="og:title" content="@ViewBag.ogTitle" />
    <meta property="og:type" content="@ViewBag.ogType" />
    <meta property="og:url" content="@ViewBag.ogUrl" />
    <link rel="icon" type="image/png" href="@Url.Content("~/Content/images/Capokun_16.png")" />
    <link rel="apple-touch-icon"
        href="@Url.Content("~/Content/images/Capokun_64.png")" />
    <link rel="apple-touch-icon-precomposed"
        href="@Url.Content("~/Content/images/Capokun_64.png")" />
    <link media="all" href="@Url.Content("~/Content/jquery-ui-1.8.16.custom.css")" rel="stylesheet" type="text/css" />
    @*<link media="all" href="@Url.Content("~/Content/reset.css")" rel="stylesheet" type="text/css" />*@
    <link media="all" href="@Url.Content("~/Content/normalize.css")" rel="stylesheet" type="text/css" />
    <link media="all" href="@Url.Content("~/Content/global-forms.css")" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" media="all" href="@Url.Content("~/Content/Site.css")" />
    <link rel="stylesheet" media="only screen and (max-width: 800px)" href="@Url.Content("~/Content/Site-mobile.css")" />
    @*<link rel="stylesheet" media="all" href="@Url.Content("~/Content/Site-mobile.css")" />*@
    <meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0" name="viewport" />
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>
    <script src="@Url.Content("~/Scripts/modernizr-1.7.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/Main.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jstorage.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery-ui-1.8.16.custom.min.js")" type="text/javascript"></script>
    <script type="text/javascript" src="@Url.Content("~/Scripts/jHtmlArea-0.7.0.js")"></script>
    <link rel="Stylesheet" type="text/css" href="@Url.Content("~/Content/jHtmlArea.css")" />
    <script type="text/javascript">

        $(document).ready(function () {
            documentReady();
        });

    </script>
    <!--[if IE]>
		<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
    <!--[if lte IE 7]>
		<link rel="stylesheet" type="text/css" media="all" href="css/ie.css"/>
		<script src="js/IE8.js" type="text/javascript"></script><![endif]-->
    <!--[if lt IE 7]>
		<link rel="stylesheet" type="text/css" media="all" href="css/ie6.css"/><![endif]-->
    @*  <script>        (function (d, s, id) {
            var js, fjs = d.getElementsByTagName(s)[0];
            if (d.getElementById(id)) { return; }
            js = d.createElement(s); js.id = id;
            js.src = "//connect.facebook.net/fr_FR/all.js#xfbml=1&appId=140390589306756";
            fjs.parentNode.insertBefore(js, fjs);
        } (document, 'script', 'facebook-jssdk'));
    </script>*@
    <script type="text/javascript">

        var _gaq = _gaq || [];
        _gaq.push(['_setAccount', 'UA-26321122-1']);
        _gaq.push(['_trackPageview']);

        (function () {
            var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
            ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
            var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
        })();

    </script>
</head>
<body id="index" class="home">
    <div class="wrapper">
        <header id="banner" class="body">
            @*<h1>
                <a href="@Url.Action("index", "home")">Capokun <strong>Ton pote Capoeiriste</strong></a></h1>*@
            <div id="topImage">
            </div>
            <nav>
                <ul>
                    <li @if (ViewBag.Title == "Home")
                        {
					    @:class="active"
					} >
                        @Html.ActionLink("Accueil", "Index", "Home")</li>
                    <li @if (ViewBag.Title == "List of songs")
                        {
					    @:class="active"
					} >
                        @Html.ActionLink("Chansons", "All", "Song")</li>
                    <li @if (ViewBag.Title == "About Us")
                        {
					    @:class="active"
					} >
                        @Html.ActionLink("A Propos", "About", "Home")</li>
                    <li class="lang">
                        <a href="@Url.Action("Index", "../fr-FR/Home")">
                            <img src="@Url.Content("~/Content/images/language_fr.gif")" alt="french" /></a></li>
                    <li class="lang">
                        <a href="@Url.Action("Index", "../en-US/Home")">
                            <img src="@Url.Content("~/Content/images/language_uk.gif")" alt="english" /></a></li>
                </ul>
            </nav>
        </header><!-- /#banner -->
        <div class="container">
            <div class="leftColumnContainer">
                <div class="leftColumn">
                    @RenderBody()
                </div>
            </div>
            <div class="rightColumn">
                <aside class="rightWidget">
                    <h3>
                        Démontre ton affection <3
                    </h3>
                    <p>
                        Partage ce site web avec tous tes copains:</p>
                    @*<fb:like data-href="https://www.facebook.com/Capokun" send="false" width="300" show_faces="true"
                        style="height: 70px;">
                    </fb:like>*@
                    <div class="fb-like-box" data-href="http://www.facebook.com/Capokun" data-width="300"
                        data-show-faces="true" data-stream="true" data-header="false">
                    </div>
                    @* <br />
                    <br />*@ @*    <script type="text/javascript"><!--
                                       google_ad_client = "ca-pub-6343588752568003";
                                       /* Capokun side */
                                       google_ad_slot = "0775711580";
                                       google_ad_width = 300;
                                       google_ad_height = 250;
//-->
                    </script>
                    <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
                    </script>
                    <br />
                    <br />*@ @*    <p>
                        Fais une donation</p>
                    <form action="https://www.paypal.com/cgi-bin/webscr" method="post">
                    <input type="hidden" name="cmd" value="_s-xclick" />
                    <input type="hidden" name="hosted_button_id" value="7ZUEKSN6ZWXAW" />
                    <input type="image" src="https://www.paypalobjects.com/en_US/FR/i/btn/btn_donateCC_LG.gif"
                        name="submit" alt="PayPal - The safer, easier way to pay online!" />
                    <img alt="" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1" />
                    </form>*@
                </aside>
                <aside class="rightWidget">
                    <h3>
                        Lien
                    </h3>
                    <p>
                        Essaye notre application mobile pour chanson contenant plus de 300 chansons de Capoeira:<br />
                        <a href="@Url.Content("~/App_FR.htm")" >Accès à l'application mobile</a></p>
                </aside>
                @*  <aside class="rightWidget" id="extras">
                    <div class="social">
                        <h3>
                            Social</h3>
                        <ul>
                            <li>
                                <a href="https://www.facebook.com/irwin.lan" rel="me">facebook</a></li>
                            <li>
                                <a href="http://twitter.com/#!/Airwin" rel="me">twitter</a></li>
                        </ul>
                    </div>
                </aside>*@
            </div>
        </div>
        <div class="push">
        </div>
    </div>
    <footer id="contentinfo" class="body">
        <!--<address id="about" class="vcard body">
            <span class="primary"><strong><a href="#" class="fn url">Capokun</a></strong>
                <span class="role">Amazing Magazine</span> </span>
            
            
            <span class="bio">Capokun is a website and blog that offers resources and
                advice to web developers and web designers. It was founded by Sven Lennartz and
                Vitaly Friedman.</span>
        </address>-->
        <!-- /#about -->
        <p>
            <a href="@Url.Content("~/en-US/home/index")">Français</a>&nbsp;|&nbsp; 2011 @Html.ActionLink("Capokun", "About", "Home").</p>
    </footer><!-- /#contentinfo -->
    <div id="fb-root">
    </div>
</body>
</html>
